﻿/**********************************************************************************************

	Title: Default Skin
	Author: Andrey Kuzmenko
	Date: 2010

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
		2.1 General Elements
		2.2 Input fields
		2.3 Submit button

	3. Layout
		3.1 Primary elements
		3.2 Actions menu
		3.3 Collapsable panel
		3.4 Languages
		3.5 We do
		3.6 Footer	
	
	4. Blog module specific
		4.1
		4.2
		4.3
		4.4
		4.5
		4.6
		4.7

/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: Tahoma, Helvetica, "Trebuchet MS" , Arial, Verdana, Sans-serif;
	font-size: 13px;
	margin: 10px;
	background-color: Transparent;
}

html
{
	height: 100%;
	background-color:#F7F7F7;
}

a
{
	color: #21759b;
	text-decoration: none;
}

a:hover
{
	color: #cc2a43;
	text-decoration: underline;
}


h1, h2, h3, h4, h5
{
	color: #4e3727;
	-x-system-font: none;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

h1
{
	font-size: 2.0em;
}

h2
{
	font-size: 1.5em;
}
h3
{
	font-size: 1.25em;
}
h4
{
	font-size: 1.1em;
}
h5
{
	font-size: 1.0em;
}

ul
{
	margin-left: 15px;
}

li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-left: 15px;
}

button, input[type="submit"]
{
	cursor:pointer;
	line-height:1.4em;
	margin:0.5em 0.4em 0.5em 0;
	overflow:visible;
	padding:0.2em 0.6em 0.3em;
	width:auto;
	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
	border:1px solid #D3D3D3;
	color:#555555;
	font-weight:normal;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}


form
{
	display: inline;
}

input[type="text"], input[type="checkbox"], textarea, select
{
	-x-system-font: none;
	border: #d3cfbb 1px solid;
	background: #f6f5f0;
	padding: 3px;
	font-size: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.2em;
}

select
{
	padding:1px;	
}

input[type="text"], input[type="password"], textarea
{
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border:1px solid #DFDFDF;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}


input[type="checkbox"]
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent none repeat scroll 0 0;
	border: medium none;
}

TABLE A
{
	text-decoration: none;
}
TABLE THEAD
{
	margin: 0px;
	background: url(images/gray-grad.png) #dfdfdf repeat-x left top;
}
TABLE TFOOT
{
	margin: 0px;
	background: url(images/gray-grad.png) #dfdfdf repeat-x left top;
}
TABLE TD
{
	border-bottom: #dfdfdf 1px solid;
	text-align: left;
	padding-bottom: 0.18em;
	border-right-style: none;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-top-style: none;
	border-left-style: none;
	padding-top: 0.3em;
}
TABLE TH
{
	border-bottom: #dfdfdf 1px solid;
	text-align: left;
	padding-bottom: 0.18em;
	border-right-style: none;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-top-style: none;
	border-left-style: none;
	padding-top: 0.3em;
}
TABLE TD
{
	color: #666;
	vertical-align: top;
}
TABLE
{
	border-bottom: #dfdfdf 1px solid;
	border-left: #dfdfdf 1px solid;
	border-spacing: 0;
	width: 100%;
	border-collapse: separate;
	background: #fff;
	border-top: #dfdfdf 1px solid;
	border-right: #dfdfdf 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* 2.1 General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.clear
{
	clear: both;
}

.left
{
	float:left;	
}

.right
{
	float:right;	
}

.error, .field-validation-error
{
	color: Red;
	clear: both;
	width: 100%;
	float: left;
}

.text
{
	line-height: 1.5em;
}

.text h3
{
	font-weight: bold;
	border-bottom: #998d76 1px solid;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 2px;
}

.accordion
{
	width:70%;	
}

.mceEditorContainer
{
	float: left;
	clear: both;
	width: 100%;
}

/* 2.2 Input fields
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.txtLong
{
	width: 400px;
}

.txtLongest
{
	width: 600px;
}

.txtShort
{
	width: 50px;
}

.txtMiddle
{
	width: 200px;
}

.txtDoubleShort
{
	width: 100px;
}

.txtMultiLine
{
	width: 400px;
}

.submit-button-wrap
{
	text-align:center;	
}

/* 3.1 Primary elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#page
{
	width: 100%;
}

#header-wrap
{
    overflow:hidden;
}

#menu-wrap
{
	margin-top: 10px;
	float: left;
	width: 150px;
}

#content-wrap
{
	margin-left: 160px;
	overflow:hidden;
}

#footer-wrap
{
	overflow:hidden;
	color:#999999;
	font-size:smaller;
	letter-spacing:0.1em;
	margin-left: 160px;
	margin-top: 10px;
	padding-top:10px;
	padding-left:10px;
	text-align:center;
	border-top: 1px solid #DFDFDF;
}

/*------------Headers-------------------*/
.page-title h1
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	color:#464646;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant: normal;
	font-weight: normal;
	line-height: 35px;
	margin:0 0 1%;
	padding:8px 15px 1px 48px;
	text-shadow:0 1px 0 #FFFFFF;	
}

#pages-header h1
{
	background: url(images/toolbar32.png) no-repeat scroll -10px -38px;
}

#logs-header h1
{
	background: url(images/toolbar32.png) no-repeat scroll -10px -220px;
}

#settings-header h1
{
	background: url(images/toolbar32.png) no-repeat scroll -10px -312px;
}

#users-header h1
{
	background: url(images/toolbar32.png) no-repeat scroll -10px -445px;
}

#design-page-header h1
{
	background: url(images/toolbar32.png) no-repeat scroll -10px -38px;
}


#site-settings-content .form-field label
{
	width: 150px;
}

#site-settings-content select
{
	width: 200px;	
}

/*------------------------Page menu--------------------------*/
.page-menu
{
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.page-menu a
{
	color:Black;
	font-weight:bold;	
}






.grid img
{
	border-width: 0px;
}

.grid a
{
	display: inline;
}


.alt 
{
	background-color:#FAFAFA;
}



/* 3.3 Edit form
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.form-field
{
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	line-height: 20px;
	overflow: hidden;
}

.form-field label
{
	float: left;
	text-align: left;
	padding-right: 10px;
	width: 100px;
}

.form-element
{
	float:left;	
}

.form-element label
{
	width:200px;
}

.form-element .field-validation-error
{
	clear:left;
	color: Red;
	float:left;
	display:block;
	width:100%;
}

.commentForm .form-field label
{
	width: 80px;
}

.commentForm .form-field input
{
	width: 250px;
}
 
.site-edit-form .form-element input[type="text"], .edit-page-form .form-element input[type="text"]
{
	width: 300px;
}

.site-edit-form .form-element textarea, .edit-page-form .form-element textarea
{
	width: 600px;
	height: 300px;
}

.edit-page-form #OrderNumber
{
    width: 50px; 
}










#menu
{
	
}

#menu > UL
{
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
#menu > UL > LI
{
	border-bottom: #e3e3e3 1px;
	border-left: #e3e3e3 1px solid;
	padding-bottom: 0px;
	line-height: 230%;
	background-color: #efefef;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	padding-top: 0px;
}
#menu > UL > LI > A
{
	border-bottom: #fff 1px;
	border-left: #fff 1px solid;
	padding-left: 20%;
	width: 79%;
	display: inline-block;
	font-family: Georgia, "Times New Roman" , "Bitstream Charter" ,Times,serif;
	font-size: 121%;
	border-top: #fff 1px solid;
	border-right: #e3e3e3 1px;
	text-decoration: none;
}
#menu > UL > LI > A:hover
{
	color: #a90000;
}
#menu > UL > LI > UL
{
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
#menu > UL > LI > UL > LI
{
	border-bottom-style: none;
	padding-bottom: 0px;
	line-height: 190%;
	border-right-style: none;
	background-color: #fefefe;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-top-style: none;
	border-left-style: none;
	padding-top: 0px;
}
#menu > UL > LI > UL > LI A
{
	border-bottom-style: none;
	border-right-style: none;
	padding-left: 5%;
	width: 95%;
	display: inline-block;
	font-family: "Lucida Grande" ,Verdana,Arial, "Bitstream Vera Sans" ,sans-serif;
	border-top-style: none;
	font-size: 90%;
	border-left-style: none;
	text-decoration: none;
}
#menu > UL > LI.first
{
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}
#menu > UL > LI.first A
{
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}
#menu > UL > LI.last
{
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
}

li#home > a
{
	background: url(images/toolbar.png) no-repeat 0px -160px;
}

li#users > a
{
	background: url(images/toolbar.png) no-repeat 0px -672px;
}

li#skins > a
{
	background: url(images/toolbar.png) no-repeat 0px -32px;
}

li#settings > a
{
	background: url(images/toolbar.png) no-repeat 0px -480px;
}

li#modules > a
{
	background: url(images/toolbar.png) no-repeat 0px -416px;
}

li#logs > a
{
	background: url(images/toolbar.png) no-repeat 0px -352px;
}

li#pages > a
{
	background: url(images/toolbar.png) no-repeat 0px -96px;
}

li#refresh > a
{
	background: url(images/toolbar.png) no-repeat 0px -64px;
}


li#module > a
{
	background: url(images/blog-icon-small.png) no-repeat 6px 6px;
}



.widget
{
	border: solid 1px #dfdfdf;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 1em;
}
.widget h3
{
	margin: 0;
	background: #DFDFDF url(images/gray-grad.png) repeat-x scroll left top;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: bold;
	padding: 7px 9px;
	font-size: 12px;
}

.widget table
{
	border-width: 0px;
}


/*--------------------Widgets-------------------*/
#markup-widget
{
	float:left;
	margin-right:10px;
	width:70%;	
}

#controls-widget
{
	margin-left:72%;
}

#controls-widget-content
{
	padding:10px;	
}
	
#controls-widget-content #control-list select
{
	width:47%; 
	float:left;	
	margin-right:10px;
	height: 100px;
}

#controls-widget-content #container-list select
{
	width:47%; 
	float:right;	
	height: 100px;
}
	
#modules-widget
{
	margin-left:72%;
}

#modules-widget-content
{
	padding:10px;	
}

#modules-widget #controls-container select
{
	width: 100%;
	height: 100px;
}

#design-mode-widget
{
	margin-left:72%;
}

#design-widget-content
{
	padding: 10px;	
}

#design-widget-content label
{
	margin-right: 10px;
}

/*-------------Error pages---------------*/
#error-page
{
	
}

#error-page h2
{
	
}

#error-page-header
{
	
}
	
#error-page-content
{
	margin-top:20px;
	margin-bottom:20px;	
}

#error-page-footer
{
	
}




/* login-container */

#login-container
{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 150px auto auto auto;
	padding:30px 70px 30px 70px;
	width: 260px;
	color:#515348;
	background-color:#E2E2CD;
	line-height:1.6em;
}



#login-container table, #login-container table td
{
	border-width:0px;
	background-color:#E2E2CD;
}

#login-container input[type="text"], #login-container input[type="password"]
{
	background:#F6F5F0 none repeat scroll 0 0;
	border:1px solid #D3CFBB;
	color:#515348;
	width:240px;
	padding:3px;
}


/*------------------------Popups-------------------------*/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}


/*------------------------Markup controls-------------------------*/
.control-markup
{
	border: 1px solid black;
	margin-top:5px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.control-markup-header
{
	background:#D4E6FC none repeat scroll 0 0;
	border-bottom: 1px solid black;
	height:23px;
	font-weight:bold;
	padding-left:5px;
	padding-top:2px;
	padding-right:2px;
}

.control-markup-header img
{
	border-width: 0px;
}

.control-markup-content
{
	padding:5px;	
}

/*------------------------Notifications-------------------------*/
.notification
{
	overflow: hidden;	
}

.notifications 
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FBF5D0 none repeat scroll 0 0;
	border:1px solid #F9DD34;
	color:#363636;
}

.errors
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FBF5D0 none repeat scroll 0 0;
	border:1px solid #F9DD34;
	color:#363636;
}

.errors, .notifications 
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	display:none;
	margin:1% 0 0;
	padding:0.7em 1em;
}

.errors p, .notifications p {
	margin:0;
}

.notifications .notification-msg-type {
	color:green;
	font-size:1.2em;
	margin-right:10px;
	font-weight:bold;
}

.errors .notification-msg-type {
	color:red;
	font-size:1.2em;
	margin-right:10px;
	font-weight:bold;
}


/*---------------Permissions----------------*/
#module-permissions, #page-permissions
{
    width: 300px;    
}